<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head th:replace="common/head :: head"></head>
<th:block th:include="common/include :: editormd-css" />
<body>
<div id="app">
    <!--主页头部含有小屏幕时名片，不应使用共有头部-->
    <div th:replace="common/head :: nav"></div>
    <!--页面主体-->
    <div id="main">
        <div class="am-container">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-lg-12">
                    <div class="content">
                        <div class="article">
                            <div class="ja-article-top">
                                <div style="height: 500px"></div>
                            </div>
                            <div class="article-content">
                                <div id="wordsView">
                                    <textarea style="display:none;" name="editormd-markdown-doc" id="mdText"></textarea>
                                </div>
                            </div>
                            <div class="ja-article-footer"></div>
                            <div class="other"></div>
                        </div>

                        <div class="comment">
                            <div class="comment-top">
                                <div class="comment-top-input" th:if="${#httpServletRequest.remoteUser}">
                                    <textarea id="comment" placeholder="客官，来说两句吧..."></textarea>
                                </div>
                                <div class="comment-top-input" th:unless="${#httpServletRequest.remoteUser}">
                                    <div class="goToLogin">
                                        &nbsp;&nbsp;&nbsp;<a id="toLogin">登录</a>后才可以发表评论呦...
                                    </div>
                                </div>
                                <div class="commentBtn">
                                    <button id="commentBtn" type="button" class="am-btn am-btn-secondary">发表评论</button>
                                </div>
                            </div>
                            <div class="comment-bottom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--引入共有底部-->
    <div th:replace="common/footer :: footer"></div>
</div>
<script type="text/javascript" th:src="@{/front/js/all.js}"></script>
<th:block th:include="common/include :: editormd-js" />
</body>
</html>
